<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h3>a页面和b页面实在同域： http://localhost:3000</h3>
  <h3>c页面在: http://localhost:4000</h3>
  <h3>要在a页面获取c页面的数据</h3>
  <h3>实现方式： a先引用c，c把数据放到window.name上， 然后在把a引用的地址改到b</h3>

  <iframe src="http://localhost:4000/c.html" frameborder="0" id="frame"></iframe>

  <script>
    let frame = document.getElementById('frame');
    let first = true;
    frame.onload = function () {
      if(first) { // 当frame的地址改变的时候，那iframe标签就会从新出发onload事件
        frame.src = 'http://localhost:3000/b.html';
        first = false 
      } else { // 所以当第二次加载的时候，就走else， 主要利用了window.name,当域名发生变化的时候，window.name还是存在的
        console.log(frame.contentWindow.name)
      }
    }
    
  </script>
</body>
</html>